.layout {
  height: 250px;
  background-color: #fff;
  .layout-right {
    height: 200px;
    width: 20%;
    padding-top: 55px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: center;
    & > p {
      width: 100%;
    }
  }
  .layout-left {
    margin-top: 20px;
    background-color: #f3f7fd;
    padding: 10px;
    width: calc(80% - 230px);
    height: 200px;
    display: flex;
    flex-wrap: wrap;
    .layout-left-child {
      display: flex;
      justify-content: start;
      flex-wrap: wrap;
      align-items: start;
      height: 120px;
      & > p {
        width: 100%;
      }
    }
  }
  .layout-sider {
    padding-top: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    & > div {
      width: 150px;
      height: 150px;
      img {
        width: 100%;
        height: 100%;
      }
    }
  }
}
